import { fabric } from 'fabric';

import TriggerNode from './TriggerNode';

const VirtualButtonNode = fabric.util.createClass(TriggerNode, {
	initialize(options) {
		options = options || {};
		this.callSuper('initialize', options);
		// this._objects[1].set({
		//     visible: false,
		// });
		// this.iconButton = new fabric.IText(options.icon || '\uE174', {
		//     fontFamily: 'polestar',
		//     fontWeight: 900,
		//     fontSize: 30,
		// });
		// this.iconButton.set({
		//     left: this.left + 5,
		//     top: this.top + 5,
		//     editable: false,
		//     originX: 'left',
		//     originY: 'top',
		//     hasBorders: false,
		//     selectable: false,
		//     hasRotatingPoint: false,
		//     hasControls: false,
		//     hoverCursor: 'pointer',
		// });
		// console.log(this.left, this.top);
		// console.log(this.iconButton.left, this.iconButton.top);
		// this.iconButton.on('mousedown', this.virtualTrigger);
	},
	// virtualTrigger(opt) {
	//     console.log(opt);
	// },
});

VirtualButtonNode.fromObject = function(options, callback) {
	return callback(new VirtualButtonNode(options));
};

window.fabric.VirtualButtonNode = VirtualButtonNode;

export default VirtualButtonNode;
